Probablemente se deba al hecho de que el selector :lang() está obsoleto en esta nueva versión de Angular, podría intentar esto en su lugar:

 [lang="en"] { // Your code } [lang="fr"] { // Your code }

Tengo la misma advertencia después de actualizar el nodo a v12 y Angular de 11 a 12. Después de investigar un poco, encontré :lang(en) en Bootstrap v4.6.0. Dado que no es un error sino una advertencia, lo ignoraré. Pero la única forma de deshacerse de él es esperar a que se actualice Bootstrap.

Corregido con bootstrap 5.x para angular 12.

Cuando actualizamos nuestra aplicación a Angular 12, también recibimos el mismo error (Angular 12 con Bootstrap 4).

El desarrollador de UI de mi equipo resolvió este error anulando el selector de arranque como se muestra a continuación:

 $custom-file-text: ();

Este código se coloca en el archivo _bootstrap.scss .

Espero que esta pista te ayude.

Tenía la versión local de Bootstrap 4.0.0 guardada en el directorio css, la resolví eliminándola del archivo (no es la mejor práctica, pero resolvió la advertencia por mí)

 .custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}

Después de actualizar mi proyecto de Angular 11 a 12 hace un tiempo, hice una compilación para producción por primera vez hoy. Noté la advertencia de "unmatched pseudo-class :lang" y encontré un hilo sobre el tema en mdboostrap.com. Uno de los miembros del personal recomendó esta solución:

En angular.json reemplace "optimization":true con esto:

 "optimization": { "scripts": true, "styles": { "minify": true, "inlineCritical": false }, "fonts": true }

No estoy seguro exactamente de lo que esto hace, pero eliminó la advertencia para mí.

Advertencia de compilación de producción de Angular 12 (MDB4 12) - Diseño de materiales para Bootstrap